<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
	<head>
		<title>中北大学软件学院</title>
		<meta charset="UTF-8">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<link href="css/index.css" rel="stylesheet">
	</head>

	<body>
	
		<%-- 网页头 --%>
		<header>
			<div class="headtop">
				<div class="timer box">
					<%-- 加入收藏和设为首页 --%>
					<span> 
						<a onclick="javascript:window.external.addFavorite('/','中北大学软件学院')" href="/"> 加入收藏 </a> | 
						<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('/');" href="/"> 设为首页 </a>
					</span>
	
					<%-- 显示时间的小控件 --%>
					<script type="text/javascript" src="js/timer.js"></script>
				</div>
			</div>
	
			<%-- 显示log --%>
			<div class="logo box"></div>
	
			<%-- 导航栏 --%>
			<nav id="nav" class="box">
				<ul>
					<%-- 首页 --%>
					<li><a href="<%= basePath %>site?cmd=showindex">首页</a></li>
					
					<%-- 按文章类别动态加载导航栏 --%>
					<c:forEach items="${sessionScope.classList }" var="class">
						<li>
							<a href="<%= basePath %>site?cmd=list&classid=${class.classid}">
								${class.cname}
							</a>
						</li>
					</c:forEach>
				</ul>
			</nav>
	
			<script src="js/silder.js"></script>
		</header>
		
		<%-- 页面主体内容 --%>
	
		<%-- 页面中央的大图片 --%>
		<div class="banner box">
			<img src="images/banner.jpg">
		</div>
	
	
		<div class="box">
			<%-- 新闻中心板块 --%>
			<div class="news left">
				<%-- 新闻中心 和 “更多”超链接一栏 --%>
				<h2>
					<span class="more">
						<c:forEach items="${newsList }" var="news">
							<c:set value="${news.classid}" var="newsclassid"/>
						</c:forEach> 
						<a href="<%= basePath %>site?cmd=list&classid=1" target="_blank"> 更多..</a>
					</span> 
					新闻中心
					
				</h2>
	
				<%-- 新闻栏目内容 --%>
				<ul>
					<%-- 新闻左边的图片 --%>
					<div class="pic_news left">
						<img src="images/newspic.jpg" width="300" height="235">
					</div>
	
					<%-- 新闻右边的文字 --%>
					<div class="center_news right">
						<%-- 这段内容需要动态的从数据库加载 --%>
						<c:forEach items="${newsList}" var="news" varStatus="st">
							<%-- 头条需要特殊处理 --%>
							<c:if test="${st.index eq 1}">
								<section class="c_n_top">
									<%-- 显示文章标题 --%>
									<h3>${news.title}</h3>
									
									<%-- 主题和详情 --%>
									<p>
										${news.theme}...
										<%-- 详情两个字 --%>
										[<a href="<%= basePath %>site?cmd=toshow&id=${news.articleid}" target="_blank">详情</a>]
									</p>
								</section>
							</c:if>
						</c:forEach>
						
						<%-- 其余文章以列表方式显示,前两条添加new字样 --%>
						<ul>
							<c:forEach items="${newsList}" var="news">
								<c:if test="${st.index != 0}">
									<li>
										<a href="<%= basePath %>site?cmd=toshow&id=${news.articleid}" target="_blank">
											${news.title}
											<%-- 列表中前两条新闻除了显示标题外还要添加new字样 --%>
											<c:if test="${st.index <= 3}">
												<img src="images/new.gif">
											</c:if>
										</a>
									</li>
								</c:if>
							</c:forEach>
						</ul>
					</div>
				</ul>
			</div>
	
			<%-- 滚动的通知公告栏 --%>
			<div class="announce right">
				<h2>
					<a href="/">通知公告</a>
				</h2>
	
				<%-- 在滚动栏显示的内容，通知的标题 --%>
				<ul>
					<marquee onmouseover="this.stop()" onmouseout="this.start()"
						scrollamount="2" direction="up" height="240">
						<c:forEach items="${newsList}" var="announce">
							<li>
								<a href="<%= basePath %>site?cmd=toshow&id=${announce.articleid}" target="_blank">
									${announce.title}
								</a>
							</li>
						</c:forEach>
					</marquee>
				</ul>
			</div>
	
			<%-- 其他版块的安放:迭代生成,每行3个板块，分别采用不同的css，每行前面加一个白条--%>
			<c:forEach items="${articleMap}" var="entry" varStatus="st">
				<%-- 白条的安放 --%>
				<c:if test="${st.index % 3 == 0 }">
					<%-- 白条 --%>
					<div class="blank"></div>
				</c:if>
				
				<%-- 板块的安放 --%>
				<div <%-- 每行3块div的样式有所不同 --%>
					<c:if test="${st.index % 3 == 0 }">class="linews left"</c:if>
					<c:if test="${st.index % 3 == 1 }">class="linews left ln"</c:if>
					<c:if test="${st.index % 3 == 2 }">class="linews right"</c:if>>
					
					<%-- 更多字样和文章类型名称 --%>
					<h3>
						<span><a href="<%= basePath %>site?cmd=list&classid=${entry.key.classid}" class="more">更多..</a></span>
						${entry.key.cname}
					</h3>
					
					<%-- 安放列表中的每条内容 --%>
					<ul>
						<c:forEach items="${entry.value}" var="article">
							<li>
								<a href="<%= basePath %>site?cmd=toshow&id=${article.articleid}" target="_blank">
									${article.title}
								</a>
							</li>
						</c:forEach>
						
						
					</ul>
				</div>
				
			</c:forEach>
	
			<%-- 白条 --%>
			<div class="blank"></div>
			
			<%-- 大图片 --%>
			<div class="ad">
				<img src="images/ad03.jpg">
			</div>

			<%-- 白条 --%>
			<div class="blank"></div>
	
			<%-- 相关链接 --%>
			<div class="links">
				<p>相关链接:</p>
				<ul>
					<li><a href="http://www.nuc.edu.cn">中北大学官方网站</a></li>
					<li><a href="http://jwc.nuc.edu.cn">中北大学教务处</a></li>
					<li><a href="http://tyxy.nuc.edu.cn">中北大学体育学院</a></li>
					<li><a href="http://202.207.177.28:8022/Letter/List">中北大学校长信箱</a></li>
					<li><a href="http://www.sxkszx.cn">山西招生考试网</a></li>
				</ul>
				<ul style="display:none">
					<a href="/"><img src="images/ad01.jpg"></a>
					<a href="/"><img src="images/ad02.jpg"></a>
				</ul>
			</div>
		</div>
	
		<%-- 网页尾部 --%>
		<footer>
		
			<%-- 尾部导航栏 --%>
			<div class="footnav">
				<ul>
					<%-- 首页 --%>
					<li><a href="<%= basePath %>site?cmd=showindex">首页</a></li>
					
					<%-- 按文章类别动态加载导航栏 --%>
					<c:forEach items="${sessionScope.classList }" var="class">
						<li>
							<a href="<%= basePath %>site?cmd=list&id=${class.classid}">
								${class.cname}
							</a>
						</li>
					</c:forEach>
				</ul>
			</div>
			
			<%-- 版权信息 --%>
			<div class="copyright">
				<p>Copyright 2016 All Rights Reserved 版权所有 中北大学软件学院 王凯</p>
				<p>地址：山西省太原市学苑路3号中北大学软件学院 邮编：030051</p>
			</div>
		</footer>
	</body>
</html>